<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/CSS/Zara/cssZaraCesta.css" type="text/css"/>
        <link rel="stylesheet" href="${facesContext.externalContext.requestContextPath}/CSS/Zara/cssZara.css" type="text/css"/>
        <title>Mi cesta de la compra</title>
    </h:head>
    <h:body>
        
        <ui:include src="header.xhtml"/>
        <ui:include src="menu.xhtml"/>
        
        <div id="Cuerpo">
            <div id="lista">
                <hr/>
                <h2>Cesta de la compra</h2>
                <h:dataTable value="#{managedBeanCarrito.verCarrito()}" var="producto">
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Producto" />
                        </f:facet>
                        <h:graphicImage class="thumbnail" url="#{producto.imagen}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Descripción" />
                        </f:facet>
                        <h:outputLabel value="#{producto.nombre}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Cantidad" />
                        </f:facet>
                        <h:outputLabel class="derecha" value=""/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Importe" />
                        </f:facet>
                        <h:outputLabel class="derecha" value="#{producto.precio}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Eliminar no disponible" />
                        </f:facet>
                        <form> <h:commandLink class="centro" target="" value="No disponible"/></form>
                       
                    </h:column>
                </h:dataTable>   
                <div class="derecha">
                <table>
                <tr>
                    <td class="celdaTotal">Número de productos:</td>
                    <td class="derecha">#{managedBeanCarrito.numeroProductos()}</td>
                </tr>
                <tr>
                    <td class="celdaTotal">Total:</td>
                    <td class="derecha">#{managedBeanCarrito.cantidad}
                        <span class="nota">*IVA incluido</span>
                    </td>
                </tr>
                </table> 
                </div>
                <div id="botonera">
                    <h:commandButton action="productos" value="Seguir comprando" id="seguir" class="seguir"/>
                    <h:commandButton action="tramitar" value="Tramitar pedido" id="tramitar" class="tramitar"/>
                </div>
            </div>
            
        </div>
    </h:body>
</html>

